<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<script>
		//箭头函数，ES6中定义函数的简写方式：参数 => 函数体
		//1. 一个参数时：
		let print1 = function (obj) {
			console.log(obj);
		}
		// 简写为：
		let print2 = obj => console.log(obj);
		print2(23);    //23

		//2. 多个参数：
		// 当箭头函数没有参数或者有多个参数，要用 () 括起来。
		// 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，
		// 当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。
		let sum1 = function (a , b) {
			return a + b;
		}
		// 简写为：
		let sum2 = (a, b) => {
			return a + b;
		}
		var sum3 = (a,b) => a + b;   //return可以省略，自动返回

		//3. 对象的函数属性简写
		let person = {
			name: "jack",
			// 以前：
			eat1: function (food) {
				console.log(this.name + "在吃" + food);
			},
			// 箭头函数版：这里拿不到this,this是person外面的域，使用"对象.属性"
			eat2: food => console.log(person.name + "在吃" + food),
			// 简写版：
			eat3(food){
				console.log(this.name + "在吃" + food);
			}
		}

	</script>
</body>
</html>